<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Dell
  Date: 2019/1/24
  Time: 21:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>小小商城——基于Java的商城项目实践</title>
    <meta name="keywords" content="小小商城,商超系统">
    <meta name="description" content="小小商城是我的一个非常小巧轻便的商城系统">
    <link rel="stylesheet" href="ss/css/bootstrap.min.css">
    <link rel="stylesheet" href="ss/css/style.css">
    <script src="ss/js/jquery-3.2.1.min.js"></script>
    <script src="ss/js/bootstrap.min.js"></script>
</head>

<body>





<nav class="top">
    <div class="top-bar">
        <span class="top-left">

            <span style="margin-left: 0"><span class=" glyphicon glyphicon-home redColor" style="margin-left: 0"></span><a href="./">首页</a></span>

            <span>欢迎来到小小商城</span>



                <a href="login" id="login">请登录</a>
                <a href="register">免费注册</a>

        </span>

        <span class="pull-right">

            <a href="cart"><span class=" glyphicon glyphicon-shopping-cart redColor"></span>
                购物车</a>

        </span>
    </div>
</nav>




<header class="search">
    <a href="./" class="logo">
        <img src="img/logo2.png">
    </a>
    <div class="search">
        <form action="search">
            <input type="text" placeholder="搜索 小小商城 商品/品牌/店铺" name="keyword">
            <button class="search-button" type="submit">搜索</button>
        </form>
        <ul class="search-below">

            <li><a href="category?id=4">三星</a></li>

            <li><a href="category?id=3">苹果</a></li>

            <li><a href="category?id=2">华为</a></li>

            <li><a href="category?id=1">小米</a></li>

        </ul>

    </div>

</header>


<script src="ss/js/search.js"></script>

<section class="select-bar">
    <a href="?id=2" class="selected">综合<span class="glyphicon glyphicon-arrow-down"></span></a>
    <a href="?id=2&amp;sort=comment" class="">人气<span class="glyphicon glyphicon-arrow-down"></span></a>
    <a href="?id=2&amp;sort=date" class="">新品<span class="glyphicon glyphicon-arrow-down"></span></a>
    <a href="?id=2&amp;sort=saleCount" class="">销量<span class="glyphicon glyphicon-arrow-down"></span></a>
    <a href="?id=2&amp;sort=price" class="">价格<span class="glyphicon glyphicon-resize-vertical"></span></a>
    <span class="price">
        <input type="text" placeholder="￥请输入" class="sortBarPrice beginPrice" id="low_price">
        <span>-</span>
        <input type="text" placeholder="￥请输入" class="sortBarPrice beginPrice" id="high_price">
    </span>
</section>





<main class="search">
    <div class="items">

        <c:forEach var="l" items="${requestScope.commodities}">
                <a href="product?id=12">
                </a><div class="border" price="2199.00"><a href="product?id=12">
            </a><div class="item"><a href="product?id=12">
            </a><div class="content"><a href="product?id=12">
                <img class="item-img" src="images/${l.goPictureUrl}">
                <div class="item-price">
                    ￥${l.goPrice}
                </div>
                <div class="item-title">
                    ${l.goName}
                </div>
                <div class="item-shop">
                </div>
            </a><div class="item-bottom"><a href="product?id=12">
                                <span>
                                    月成交<em>${l.goSalesvolume}笔</em>
                                </span>
                <span>
                                    评价</span></a><a href="product?product.id=12">5条</a>

                <span><img src="img/wangwang.png"></span>
            </div>
            </div>
            </div>
            </div>
        </c:forEach>
    </div>
</main>





<footer class="footer-top clear">
    <div class="footer-content">
        <div class="footer-ensure">
            <a href="#nowhere1"></a>
            <a href="#nowhere2"></a>
            <a href="#nowhere3"></a>
            <a href="#nowhere4"></a>
        </div>

        <div class="footer-desc" id="footer-desc">
            <div class="desc-column">
                <span class="desc-column-title">购物指南</span>
                <a href="#nowhere">免费注册</a>
                <a href="#nowhere">开通支付宝</a>
                <a href="#nowhere">支付宝充值</a>
            </div>
            <div class="desc-column">
                <span class="desc-column-title">本站保障</span>
                <a href="#nowhere">发票保障</a>
                <a href="#nowhere">售后规则</a>
                <a href="#nowhere">缺货赔付</a>
            </div>
            <div class="desc-column">
                <span class="desc-column-title">支付方式</span>
                <a href="#nowhere">快捷支付</a>
                <a href="#nowhere">信用卡</a>
                <a href="#nowhere">蚂蚁花呗</a>
                <a href="#nowhere">货到付款</a>
            </div>
            <div class="desc-column">
                <span class="desc-column-title">商家服务</span>
                <a href="#nowhere">商家入驻</a>
                <a href="#nowhere">商家中心</a>
                <a href="#nowhere">本站智库</a>
                <a href="#nowhere">本站规则</a>
                <a href="#nowhere">物流服务</a>
                <a href="#nowhere">喵言喵语</a>
                <a href="#nowhere">运营服务</a>
            </div>
            <div class="desc-column">
                <span class="desc-column-title">手机版</span>
                <a href="#nowhere"><img src="img/shouji.png"></a>
            </div>
        </div>
    </div>
</footer>

<footer class="footer-bottom">

    <div class="foot-image"></div>
    <div class="foot-content">
        <div class="copyright" id="copyright">
            <div class="white-link">
                <a href="#nowhere">关于本站</a>
                <a href="#nowhere">帮助中心</a>
                <a href="#nowhere">开放平台</a>
                <a href="#nowhere"> 诚聘英才</a>
                <a href="#nowhere">联系我们</a>
                <a href="#nowhere">网站合作</a>
                <a href="#nowhere">法律声明</a>
                <a href="#nowhere">知识产权</a>
                <a href="#nowhere">廉正举报 </a>
            </div>
            <div class="white-link">
                <a href="#nowhere"> 阿里巴巴集团</a><span class="slash">|</span>
                <a href="#nowhere"> 淘宝网</a><span class="slash">|</span>
                <a href="#nowhere">小小商城 </a><span class="slash">|</span>
                <a href="#nowhere"> 聚划算</a><span class="slash">|</span>
                <a href="#nowhere">全球速卖通</a><span class="slash">|</span>
                <a href="#nowhere">阿里巴巴国际交易市场</a><span class="slash">|</span>
                <a href="#nowhere">1688</a><span class="slash">|</span>
                <a href="#nowhere">阿里妈妈</a><span class="slash">|</span>
                <a href="#nowhere"> 阿里旅行·去啊 </a><span class="slash">|</span>
                <a href="#nowhere"> 阿里云计算 </a><span class="slash">|</span>
                <a href="#nowhere"> 友盟 </a><span class="slash">|</span>
                <a href="#nowhere"> 虾米 </a><span class="slash">|</span>
                <a href="#nowhere"> 天天动听 </a><span class="slash">|</span>
                <a href="#nowhere"> 来往 </a><span class="slash">|</span>
                <a href="#nowhere"> 钉钉 </a><span class="slash">|</span>
                <a href="#nowhere"> 支付宝 </a>
            </div>
            <div class="license">
                <span>增值电信业务经营许可证： <a href="#nowhere">浙B2-20110446</a></span>
                <span>网络文化经营许可证：<a href="#nowhere">浙网文[2015]0295-065号</a></span>
                <span><a href="#nowhere">12318举报 </a></span><br>
                <span>互联网药品信息服务资质证书编号：<a href="#nowhere">浙-（经营性）-2012-0005</a></span>
                <div class="copy-right-year">© 2003-2017 TMALL.COM 版权所有</div>

            </div>
        </div>
    </div>
</footer>






</body>
</html>
